// types.ts
export interface RemarkBase {
  id: number
  type: "text" | "image" | "effect" | "line"
  position: "middle" | "top" | "bottom" | "frame"
  mobileX: number
  mobileY: number
  pcX: number
  pcY: number
  zIndex?: number
}

export interface TextRemark extends RemarkBase {
  type: "text"
  content: string
  color: string
}

export interface ImageRemark extends RemarkBase {
  type: "image"
  src: string
}

export interface EffectRemark extends RemarkBase {
  type: "effect"
  effectId: number
  width: number
  height: number
  scaleX?: number
  scaleY?: number
}

export interface LineRemark extends RemarkBase {
  type: "line"
}

export type Remark = TextRemark | ImageRemark | EffectRemark | LineRemark
